<template>
  <!--明细页面弹出框-->
  <el-dialog
    title="大小额贷记业务审核明细"
    center
    :visible.sync="open"
    width="1024px"
    :close-on-click-modal="false"
    @close="closeFn"
  >
    <el-form ref="detailsForm" :model="formData" label-width="140px">
      <!-- 基本信息 -->
      <el-card class="form-card payerInfo-card">
        <div slot="header" class="label-header-msg">
          <span>基本信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="交易流水号" prop="id">
              <el-input v-model="formData.id" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="this.formData.msgType === 'beps.125.001.01'">
            <el-form-item label="内部批序号" prop="batchNo">
              <el-input v-model="formData.batchNo" disabled/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="工作日期" prop="workdate">
              <el-date-picker
                v-model="formData.workdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="CPG日期" prop="cpgdate">
              <el-date-picker
                v-model="formData.cpgdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="业务优先级" prop="bizPriority">
              <el-select v-model="formData.bizPriority" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.PRIORITY3CODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="交易渠道" prop="source">
              <el-select v-model="formData.source" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.TXN_SOURCE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="记账标志" prop="cbflag">
              <el-select v-model="formData.cbflag" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.CBFLAG"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="账户类型" prop="custFlag1">
              <el-select v-model="formData.custFlag1" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.CUST_FLAG1"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="业务类型" prop="bizTypeCode">
              <el-select v-model="formData.bizTypeCode" placeholder="" disabled style="width: 100%">
                <el-option
                  v-for="dict in dictMap.BIZ_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务种类" prop="bizCtgyCode">
              <el-select style="width: 100%" v-model="formData.bizCtgyCode" placeholder="业务状态" :disabled="true">
                <el-option
                  v-for="dict in dictMap.BIZ_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <el-row>
          <el-col :span="8">
            <el-form-item label="交易币种" prop="transCNY">
              <el-input v-model="formData.transCNY" placeholder="人民币-CNY" :disabled="true" style="width: 195px" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="交易金额" prop="amount">
              <ht-amount-input v-model="formData.amount" placeholder="交易金额" style="width: 195px"></ht-amount-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="大写金额" prop="bAmount">
              <ht-amount-upper
                :inputValue="formData.amount"
                placeholder="交易金额"
                style="width: 195px"
              ></ht-amount-upper>
            </el-form-item>
          </el-col>
        </el-row> -->
      </el-card>
      <!-- 其他交易信息 -->
      <el-card class="form-card payerInfo-card" v-if="this.formData.msgType === 'hvps.116.001.01'">
        <div slot="header" class="label-header-msg">
          <span>其他交易信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="交易币种" prop="curcd">
              <el-input v-model="formData.curcd" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="划回金额" prop="amount">
              <ht-amount-input v-model="formData.amount" placeholder="" :disable="true"></ht-amount-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="发起参与机构" prop="indirectSender">
              <el-input v-model="formData.indirectSender" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="发起参与机构行名" prop="indirectSenderName">
              <el-input v-model="formData.indirectSenderName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="发起直接参与机构" prop="directSender">
              <el-input v-model="formData.directSender" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="发起参与机构行名" prop="directSenderName">
              <el-input v-model="formData.directSenderName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="接收参与机构号" prop="indirectRecver">
              <el-input v-model="formData.indirectRecver" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="接收参与机构行名" prop="indirectRecverName">
              <el-input v-model="formData.indirectRecverName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="接收直接参与机构" prop="directRecver">
              <el-input v-model="formData.directRecver" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="接收直接参与机构行名" prop="directRecverName">
              <el-input v-model="formData.directRecverName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="附言" prop="remarks">
              <el-input type="textarea" v-model="formData.remarks" placeholder="附言" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 业务回执信息 -->
      <el-card class="form-card payerInfo-card" v-if="this.formData.msgType === 'hvps.117.001.01'">
        <div slot="header" class="label-header-msg">
          <span>业务回执信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="发起直接参与者行号" prop="directSender">
              <el-input v-model="formData.directSender" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="原业务发起参与者行号" prop="oriSender">
              <el-input v-model="formData.oriSender" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="业务回执状态" prop="procStatus">
              <el-input v-model="formData.procStatus" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务拒绝处理码" prop="procCode">
              <el-input v-model="formData.procCode" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="业务拒绝原因" prop="procInfo">
              <el-input type="textarea" v-model="formData.procInfo" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 其他交易信息 -->
      <el-card class="form-card payerInfo-card" v-if="this.formData.msgType === 'hvps.118.001.01'">
        <div slot="header" class="label-header-msg">
          <span>其他交易信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="交易货币" prop="curcd">
              <el-input v-model="formData.curcd" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="退回金额" prop="amount">
              <el-input v-model="formData.amount" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="发起参与机构号" prop="indirectSender">
              <el-input v-model="formData.indirectSender" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="发起参与机构行名" prop="indirectSenderName">
              <el-input v-model="formData.indirectSenderName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="发起直接参与机构" prop="directSender">
              <el-input v-model="formData.directSender" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="发起直接参与机构行名" prop="directSenderName">
              <el-input v-model="formData.directSenderName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="接收参与机构号" prop="indirectRecver">
              <el-input v-model="formData.indirectRecver" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="接收参与机构行名" prop="indirectRecverName">
              <el-input v-model="formData.indirectRecverName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="接收直接参与机构" prop="directRecver">
              <el-input v-model="formData.directRecver" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="接收直接参与机构行名" prop="directRecverName">
              <el-input v-model="formData.directRecverName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="附言" prop="remarks">
              <el-input type="textarea" v-model="formData.remarks" placeholder="附言" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 付款人信息 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="this.formData.msgType !== 'hvps.116.001.01' && this.formData.msgType !== 'hvps.117.001.01' && this.formData.msgType !== 'hvps.118.001.01'"
      >
        <div slot="header" class="label-header-msg">
          <span>付款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人账号" prop="payerActno">
              <el-input v-model="formData.payerActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人名称" prop="payerName">
              <el-input v-model="formData.payerName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人地址" prop="payerAddr">
              <el-input v-model="formData.payerAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款行行号" prop="payerBrno">
              <el-input v-model="formData.payerBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款行行名" prop="payerBrname">
              <el-input v-model="formData.payerBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人开户行行号" prop="payerAccBrno">
              <el-input v-model="formData.payerAccBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人开户行行名" prop="payerAccBrname">
              <el-input v-model="formData.payerAccBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 收款人信息 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="this.formData.msgType !== 'hvps.116.001.01' &&this.formData.msgType !== 'hvps.117.001.01' &&this.formData.msgType !== 'hvps.118.001.01'"
      >
        <div slot="header" class="label-header-msg">
          <span>收款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人账号" prop="payeeActno">
              <el-input v-model="formData.payeeActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人名称" prop="payeeName">
              <el-input v-model="formData.payeeName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人地址" prop="payeeAddr">
              <el-input v-model="formData.payeeAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款行行号" prop="payeeBrno">
              <el-input v-model="formData.payeeBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="收款行行名" prop="payeeBrname">
              <el-input v-model="formData.payeeBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人开户行行号" prop="payeeAccBrno">
              <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="收款人开户行行名" prop="payeeAccBrname">
              <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!--其他信息-->
      <el-card
        class="form-card payOtherInfo-card"
        v-if="this.formData.msgType !== 'hvps.116.001.01' &&this.formData.msgType !== 'hvps.117.001.01' &&this.formData.msgType !== 'hvps.118.001.01'"
      >
        <div slot="header" class="label-header-msg">
          <span>其他交易信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="中介机构1" prop="agency1">
              <el-input v-model="formData.agency1" placeholder="" disabled />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="中介机构1名称" prop="agency1name">
              <el-input v-model="formData.agency1name" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="中介机构2" prop="agency2">
              <el-input v-model="formData.agency2" placeholder="" disabled />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="中介机构2名称" prop="agency2name">
              <el-input v-model="formData.agency2name" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="交易货币" prop="curcd">
              <el-input v-model="formData.curcd" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="金额" prop="amount">
              <el-input v-model="formData.amount" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="手续费金额" prop="feeAmount">
              <el-tooltip :content="formData.feeAmountRemarks" placement="top-start" :disabled="formData.feeAmountRemarks===''||formData.feeAmountRemarks===null||formData.feeAmountRemarks===undefined" >
                <ht-amount-input
                  v-model="formData.feeAmount"
                  placeholder="手续费金额"
                  :disable="true"
                ></ht-amount-input>
              </el-tooltip>
            </el-form-item>
          </el-col>
        </el-row>
<!--        <el-row v-if="this.formData.msgType == 'hvps.112.001.01'">
          <el-col :span="12">
            <el-form-item label="拆借利率" prop="lendIntRate">
              <el-input v-model="formData.lendIntRate" placeholder="拆借利率" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="拆借期限" prop="lendDline">
              <el-input v-model="formData.lendDline" placeholder="拆借期限" disabled />
            </el-form-item>
          </el-col>
        </el-row>-->
        <el-row v-if="this.formData.msgType == 'hvps.112.001.01' && this.formData.bizTypeCode == 'A115'">
          <el-col :span="12">
            <el-form-item label="再贷款合同号" prop="e2eId">
              <el-input v-model="formData.e2eId" placeholder="再贷款合同号" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="this.formData.msgType == 'hvps.112.001.01' && this.formData.bizTypeCode == 'A116'">
          <el-col :span="12">
            <el-form-item label="再贴现结算票据号码" prop="e2eId">
              <el-input v-model="formData.e2eId" placeholder="再贴现结算票据号码" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="this.formData.msgType == 'hvps.111.001.01'">
          <el-col :span="24">
            <el-form-item label="备注" prop="remarks">
              <el-input
                type="textarea"
                v-model="formData.remarks"
                placeholder=""
                maxlength="210"
                show-word-limit
                disabled
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24" v-if="this.formData.msgType==='beps.125.001.01'">
            <el-form-item label="附言" prop="content">
              <el-input type="textarea" v-model="formData.content" placeholder="附言" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="24" v-else-if="this.formData.msgType == 'hvps.111.001.01'">
            <el-form-item label="附言" prop="memo">
              <el-input
                type="textarea"
                v-model="formData.memo"
                placeholder=""
                maxlength="210"
                show-word-limit
                disabled
              />
            </el-form-item>
          </el-col>
          <el-col :span="24" v-else>
            <el-form-item label="附言" prop="remarks">
              <el-input type="textarea" v-model="formData.remarks" placeholder="附言" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 委托收款 (划回) -->
      <el-card
        class="form-card payOtherInfo-card"
        v-if="this.formData.msgType === 'hvps.111.001.01' && this.formData.bizTypeCode === 'A109'"
      >
        <div slot="header" class="label-header-msg">
          <span>委托收款 (划回)</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="票据日期" prop="clltnNotesDate">
              <el-date-picker
                v-model="formData.clltnNotesDate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="凭证种类" prop="clltnNotesType">
              <el-select v-model="formData.clltnNotesType" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.CLLTN_NOTES_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="票据号码" prop="e2eId">
              <el-input v-model="formData.e2eId" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 托收承付（划回） -->
      <el-card
        class="form-card payAddInfo-card"
        v-if="this.formData.msgType === 'hvps.111.001.01' && this.formData.bizTypeCode === 'A110'"
      >
        <div slot="header" class="label-header-msg">
          <span>托收承付（划回）</span>
        </div>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="票据日期" prop="pmtNotesDate">
                <el-date-picker
                  style="width: 100%"
                  v-model="formData.pmtNotesDate"
                  type="date"
                  placeholder="选择日期"
                  disabled
                ></el-date-picker>
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <el-form-item label="票据号码" prop="e2eId">
              <el-input v-model="formData.e2eId" placeholder="票据号码" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="赔偿金额币种" prop="pmtAmendsCurcd">
              <el-input v-model="formData.pmtAmendsCurcd" placeholder="赔偿金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="赔偿金额" prop="pmtAmendsAmount">
              <el-input v-model="formData.pmtAmendsAmount" placeholder="赔偿金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="拒付金额币种" prop="pmtRejectCurcd">
              <el-input v-model="formData.pmtRejectCurcd" placeholder="拒付金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="拒付金额" prop="pmtRejectAmount">
              <el-input v-model="formData.pmtRejectAmount" placeholder="拒付金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="原托金额币种" prop="pmtOriCurcd">
              <el-input v-model="formData.pmtOriCurcd" placeholder="原托金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="原托金额" prop="pmtOriAmount">
              <el-input v-model="formData.pmtOriAmount" placeholder="原托金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="支付金额币种" prop="pmtPayCurcd">
              <el-input v-model="formData.pmtPayCurcd" placeholder="支付金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="支付金额" prop="pmtPayAmount">
              <el-input v-model="formData.pmtPayAmount" placeholder="支付金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="多付金额币种" prop="pmtAddCurcd">
              <el-input v-model="formData.pmtAddCurcd" placeholder="多付金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="多付金额" prop="pmtAddAmount">
              <el-input v-model="formData.pmtAddAmount" placeholder="多付金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 支票附加域信息 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="this.formData.msgType === 'hvps.111.001.01' && this.formData.bizTypeCode === 'A201'"
      >
        <div slot="header" class="label-header-msg">
          <span>支票附加域信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <!--当业务类型为“本票”时：“端到端标识号”填写内容为“票据号码-->
            <el-form-item label="票据号码" prop="e2eId">
              <el-input v-model="formData.e2eId" placeholder="票据号码" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="出票日期" prop="checkNotesDate">
              <el-date-picker
                style="width: 100%"
                v-model="formData.checkNotesDate"
                type="date"
                placeholder="选择日期"
                disabled
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="出票人名称" prop="checkAppName">
              <el-input v-model="formData.checkAppName" placeholder="出票人名称" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="票据张数" prop="checkNotesNum">
                <el-input v-model="formData.checkNotesNum" placeholder="票据张数" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="票据金额币种" prop="checkNotesCurcd">
                <el-input v-model="formData.checkNotesCurcd" placeholder="票据金额币种" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="票据金额" prop="checkNotesAmount">
                <el-input v-model="formData.checkNotesAmount" placeholder="票据金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="牌价币种" prop="checkExchageCurcd">
                <el-input v-model="formData.checkExchageCurcd" placeholder="牌价币种" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="牌价" prop="checkExchage">
                <el-input v-model="formData.checkExchage" placeholder="牌价" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <!-- 商业汇票附加域信息 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="this.formData.msgType === 'hvps.111.001.01' && this.formData.bizTypeCode === 'A111'"
      >
        <div slot="header" class="label-header-msg">
          <span>商业汇票附加域信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="票据号码" prop="e2eId">
              <el-input v-model="formData.e2eId" placeholder="票据号码" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="票据种类" prop="dftCtgy">
              <el-select v-model="formData.dftCtgy" placeholder="票据种类" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.DFT_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="出票日期" prop="dftDate">
              <el-date-picker
                style="width: 100%"
                v-model="formData.dftDate"
                type="date"
                placeholder="出票日期"
                disabled
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="申请人账号" prop="dftAppActno">
                <el-input v-model="formData.dftAppActno" placeholder="申请人账号" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <el-form-item label="申请人名称" prop="dftAppName">
              <el-input v-model="formData.dftAppName" placeholder="申请人名称" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="出票货币" prop="dftCurcd">
                <el-input v-model="formData.dftCurcd" placeholder="出票货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="出票金额" prop="dftAmount">
                <el-input v-model="formData.dftAmount" placeholder="出票金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="实际结算金额货币" prop="dftStCurcd">
                <el-input v-model="formData.dftStCurcd" placeholder="实际结算金额货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="实际结算金额" prop="dftStAmt">
                <el-input v-model="formData.dftStAmt" placeholder="实际结算金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="多余金额货币" prop="dftOverCurcd">
                <el-input v-model="formData.dftOverCurcd" placeholder="多余金额货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="多余金额" prop="dftOverAmt">
                <el-input v-model="formData.dftOverAmt" placeholder="多余金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <!-- 银行本票附加域信息 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="this.formData.msgType === 'hvps.111.001.01' && this.formData.bizTypeCode === 'A204'"
      >
        <div slot="header" class="label-header-msg">
          <span>银行本票附加域信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="票据号码" prop="e2eId">
              <el-input v-model="formData.e2eId" placeholder="票据号码" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="票据种类" prop="dftCtgy">
              <el-select v-model="formData.dftCtgy" placeholder="票据种类" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.DFT_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="出票日期" prop="dftDate">
              <el-date-picker
                style="width: 100%"
                v-model="formData.dftDate"
                type="date"
                placeholder="出票日期"
                disabled
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="申请人账号" prop="dftAppActno">
                <el-input v-model="formData.dftAppActno" placeholder="申请人账号" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <el-form-item label="申请人名称" prop="dftAppName">
              <el-input v-model="formData.dftAppName" placeholder="申请人名称" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="出票货币" prop="dftCurcd">
                <el-input v-model="formData.dftCurcd" placeholder="出票货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="出票金额" prop="dftAmount">
                <el-input v-model="formData.dftAmount" placeholder="出票金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="实际结算金额货币" prop="dftStCurcd">
                <el-input v-model="formData.dftStCurcd" placeholder="实际结算金额货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="实际结算金额" prop="dftStAmt">
                <el-input v-model="formData.dftStAmt" placeholder="实际结算金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="多余金额货币" prop="dftOverCurcd">
                <el-input v-model="formData.dftOverCurcd" placeholder="多余金额货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="多余金额" prop="dftOverAmt">
                <el-input v-model="formData.dftOverAmt" placeholder="多余金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <!-- 银行汇票附加域信息 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="this.formData.msgType === 'hvps.111.001.01' && this.formData.bizTypeCode === 'A203'"
      >
        <div slot="header" class="label-header-msg">
          <span>银行汇票附加域信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="票据号码" prop="e2eId">
              <el-input v-model="formData.e2eId" placeholder="票据号码" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="票据种类" prop="dftCtgy">
              <el-select v-model="formData.dftCtgy" placeholder="票据种类" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.DFT_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="出票日期" prop="dftDate">
              <el-date-picker
                style="width: 100%"
                v-model="formData.dftDate"
                type="date"
                placeholder="出票日期"
                disabled
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="申请人账号" prop="dftAppActno">
              <el-input v-model="formData.dftAppActno" placeholder="申请人账号" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="申请人名称" prop="dftAppName">
              <el-input v-model="formData.dftAppName" placeholder="申请人名称" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="出票货币" prop="dftCurcd">
                <el-input v-model="formData.dftCurcd" placeholder="出票货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="出票金额" prop="dftAmount">
                <el-input v-model="formData.dftAmount" placeholder="出票金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="实际结算金额货币" prop="dftStCurcd">
                <el-input v-model="formData.dftStCurcd" placeholder="实际结算金额货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="实际结算金额" prop="dftStAmt">
                <el-input v-model="formData.dftStAmt" placeholder="实际结算金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="多余金额货币" prop="dftOverCurcd">
                <el-input v-model="formData.dftOverCurcd" placeholder="多余金额货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="多余金额" prop="dftOverAmt">
                <el-input v-model="formData.dftOverAmt" placeholder="多余金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <!-- 汇票资金移存附加域信息 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="this.formData.msgType === 'hvps.111.001.01' && this.formData.bizTypeCode === 'A202'"
      >
        <div slot="header" class="label-header-msg">
          <span>汇票资金移存附加域信息</span>
          <el-row>
            <el-col :span="12">
              <el-form-item label="票据号码" prop="e2eId">
                <el-input v-model="formData.e2eId" placeholder="票据号码" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="出票日期" prop="dftDate">
                <el-date-picker
                  style="width: 100%"
                  v-model="formData.dftDate"
                  type="date"
                  placeholder="出票日期"
                  disabled
                ></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="汇票密押" prop="dftKey">
                <el-input v-model="formData.dftKey" placeholder="汇票密押" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="票据种类" prop="dftCtgy">
                <el-select v-model="formData.dftCtgy" placeholder="票据种类" style="width: 100%" disabled>
                  <el-option
                    v-for="dict in dictMap.DFT_CTGY"
                    :key="dict.value"
                    :label="`${dict.value}-${dict.text}`"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="现金汇票兑付行" prop="dftPayBrno">
                <el-input v-model="formData.dftPayBrno" placeholder="现金汇票兑付行" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="票面记载汇票收款人名称" prop="dftPayerName">
                <el-input v-model="formData.dftPayerName" placeholder="票面记载汇票收款人名称" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-card>
      <!-- 跨境支付附加域信息 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="
          (this.formData.msgType === 'hvps.111.001.01' || this.formData.msgType === 'hvps.112.001.01') && this.formData.bizTypeCode === 'A113'
        "
      >
        <div slot="header" class="label-header-msg">
          <span>跨境支付附加域信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="关联业务委托日期" prop="cbBizAssocBizDate" label-width="120px">
              <el-date-picker
                style="width: 100%"
                v-model="formData.cbBizAssocBizDate"
                type="date"
                placeholder="关联业务委托日期"
                disabled
                value-format="yyyyMMdd"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="关联业务参考号" prop="e2eId">
              <el-input v-model="formData.e2eId" placeholder="关联业务参考号" disabled />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="费用编码" prop="cbBizFeeCode" label-width="120px">
                <el-input v-model="formData.cbBizFeeCode" placeholder="费用编码" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="发报行货币" prop="cbBizSndBnkCurcd">
                <el-input v-model="formData.cbBizSndBnkCurcd" placeholder="发报行货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="发报行的收费" prop="cbBizSndBnkFee">
                <el-input v-model="formData.cbBizSndBnkFee" placeholder="发报行的收费" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="收报行货币" prop="cbBizRcvBnkCurcd">
                <el-input v-model="formData.cbBizRcvBnkCurcd" placeholder="收报行货币" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="收报行的收费" prop="cbBizRcvBnkFee">
                <el-input v-model="formData.cbBizRcvBnkFee" placeholder="收报行的收费" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="跨境业务附言" prop="cbBizRemark" label-width="120px">
              <el-input
                type="textarea"
                v-model="formData.cbBizRemark"
                placeholder="跨境业务附言"
                maxlength="135"
                disabled
                show-word-limit
              />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 国库资金国债兑付贷记划拨附加数据 -->
      <el-card
        class="form-card payAddInfo-card"
        v-if="
          this.formData.msgType === 'beps.122.001.01'  && this.formData.bizTypeCode === 'A307'
        "
      >
        <div slot="header" class="label-header-msg">
          <span>国库资金国债兑付贷记划拨附加数据</span>
        </div>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="信息流水号" prop="infNumber">
                <el-input v-model="formData.infNumber" placeholder="信息流水号" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="上报国库代码" prop="reportCode">
                <el-input v-model="formData.reportCode" placeholder="上报国库代码" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="接收国库代码" prop="receiveCode">
                <el-input v-model="formData.receiveCode" placeholder="接收国库代码" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="报表日期" prop="reportDate">
                <el-date-picker
                  v-model="formData.reportDate"
                  type="date"
                  placeholder="报表日期"
                  style="width: 100%"
                  value-format="yyyyMMdd"
                  disabled
                ></el-date-picker>
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="报表序号" prop="reportNo">
                <el-input v-model="formData.reportNo" placeholder="报表序号" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="明细汇总金额币种" prop="dtlCurcd">
                <el-input v-model="formData.dtlCurcd" placeholder="明细汇总金额币种" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="明细汇总金额" prop="dtlAmount">
                <el-input v-model="formData.dtlAmount" placeholder="明细汇总金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="明细条数" prop="dtlNum">
                <el-input v-model="formData.dtlCount" placeholder="明细条数" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <!-- 国库资金划拨附加域 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="this.formData.msgType === 'beps.122.001.01' && this.formData.bizTypeCode === 'A104'"
      >
        <div slot="header" class="label-header-msg">
          <span>国库资金划拨附加域</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="信息流水号" prop="flownb1">
              <el-input v-model="formData.flownb1" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="上报国库代码" prop="reportCode">
              <el-input v-model="formData.reportCode" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="接收国库代码" prop="receiveCode">
              <el-input v-model="formData.receiveCode" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="报表日期" prop="reportDate">
              <el-date-picker
                v-model="formData.reportDate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="报表序号" prop="reportNo">
              <el-input v-model="formData.reportNo" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="预算级次" prop="budgetLevel">
              <el-select v-model="formData.budgetLevel" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.BUDGETLEVELCODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="调整期标志" prop="indicatorCode">
              <el-select v-model="formData.indicatorCode" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.INDICATOR_CODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="预算种类" prop="budgetType">
              <el-select v-model="formData.budgetType" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.BUDGETTYPECODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="明细汇总金额币种" prop="dtlCurcd">
              <el-input v-model="formData.dtlCurcd" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="明细汇总金额" prop="dtlAmount">
              <el-input v-model="formData.dtlAmount" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="明细条数" prop="dtlNum">
              <el-input v-model="formData.dtlNum" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <ht-table
        ref="dataTable"
        v-if="this.formData.msgType === 'beps.122.001.01' && this.formData.bizTypeCode === 'A104'"
        :showSerialNumber="false"
        :multi-select="false"
        :initData="false"
        :dictMap="dictMap"
        :reqConfig="reqConfig1"
        :queryParams="queryParams1"
        :tableBindColumns="tableBindColumns1"
        defaultEventKey="detailsTable"
        style="height: 240px"
      >
        <template v-slot:operate>
          <el-table-column label="操作" align="center" width="120" fixed="right" class-name="small-padding fixed-width">
            <template slot-scope="scope">
              <ht-button-group
                :buttonList="[
                  {
                    label: '明细',
                    // permission: 'user:xxx:xxx',
                    doFunc: () => {
                      handleAction('detials1', scope.row);
                    },
                  },
                ]"
              />
            </template>
          </el-table-column>
        </template>
      </ht-table>
      <ht-table
        ref="dataTable"
        v-if="
          (this.formData.msgType === 'beps.121.001.01' || this.formData.msgType === 'beps.122.001.01') && this.formData.bizTypeCode === 'A307'
        "
        :showSerialNumber="false"
        :multi-select="false"
        :initData="false"
        :dictMap="dictMap"
        :reqConfig="reqConfig2"
        :queryParams="queryParams2"
        :tableBindColumns="tableBindColumns2"
        defaultEventKey="detailsTable"
        style="height: 240px"
      >
        <template v-slot:operate>
          <el-table-column label="操作" align="center" width="120" fixed="right" class-name="small-padding fixed-width">
            <template slot-scope="scope">
              <ht-button-group
                :buttonList="[
                  {
                    label: '明细',
                    // permission: 'user:xxx:xxx',
                    doFunc: () => {
                      handleAction('detials2', scope.row);
                    },
                  },
                ]"
              />
            </template>
          </el-table-column>
        </template>
      </ht-table>
      <!-- 缴费业务附加数据域 -->
      <el-card
        class="form-card payAddInfo-card"
        v-if="this.formData.msgType === 'beps.121.001.01' && this.formData.bizTypeCode === 'A301'"
      >
        <div slot="header" class="label-header-msg">
          <span>缴费业务附加数据域</span>
        </div>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="收费单位流水号" prop="unitNumber">
                <el-input v-model="formData.unitNumber" placeholder="收费单位流水号" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="所属期间" prop="term">
              <el-date-picker
                v-model="formData.term"
                type="daterange"
                @change="setTime"
                range-separator="-"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                value-format="yyyyMMdd"
                disabled
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="缴费类型" prop="payType">
              <el-select v-model="formData.payType" placeholder="缴费类型">
                <el-option
                  v-for="dict in dictMap.PAY_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <div class="grid-otherInfo">
              <el-form-item label="收费附言" prop="payRemark">
                <el-input
                  type="textarea"
                  v-model="formData.payRemark"
                  placeholder="收费附言"
                  maxlength="210"
                  disabled
                  show-word-limit
                />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <!-- 缴费业务附加数据域 -->
      <el-card
        class="form-card payAddInfo-card"
        v-if="this.formData.msgType === 'beps.121.001.01' && this.formData.bizTypeCode === 'A109'"
      >
        <div slot="header" class="label-header-msg">
          <span>缴费业务附加数据域</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="票据号码" prop="noteNumber">
              <el-input v-model="formData.noteNumber" placeholder="票据号码" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="票据种类" prop="noteType">
              <el-select v-model="formData.noteType" placeholder="票据种类" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.NOTE_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="出票日期" prop="noteDate">
              <el-date-picker
                style="width: 100%"
                v-model="formData.noteDate"
                type="date"
                disabled
                placeholder="出票日期"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 缴费业务附加数据域 -->
      <el-card
        class="form-card payAddInfo-card"
        v-if="this.formData.msgType === 'beps.121.001.01' && this.formData.bizTypeCode === 'A110'"
      >
        <div slot="header" class="label-header-msg">
          <span>缴费业务附加数据域</span>
        </div>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="票据日期" prop="noteDate">
                <el-date-picker
                  style="width: 100%"
                  v-model="formData.noteDate"
                  type="date"
                  disabled
                  placeholder="选择日期"
                ></el-date-picker>
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <el-form-item label="票据号码" prop="noteNumber">
              <el-input v-model="formData.noteNumber" placeholder="票据号码" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="赔偿金额币种" prop="amendsCurcd">
              <el-input v-model="formData.amendsCurcd" placeholder="赔偿金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="赔偿金额" prop="amendsAmount">
              <el-input v-model="formData.amendsAmount" placeholder="赔偿金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="拒付金额币种" prop="rejectCurcd">
              <el-input v-model="formData.rejectCurcd" placeholder="拒付金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="拒付金额" prop="rejectAmount">
              <el-input v-model="formData.rejectAmount" placeholder="拒付金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="原托金额币种" prop="oriCurcd">
              <el-input v-model="formData.oriCurcd" placeholder="原托金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="原托金额" prop="oriAmount">
              <el-input v-model="formData.oriAmount" placeholder="原托金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="支付金额币种" prop="payCurcd">
              <el-input v-model="formData.payCurcd" placeholder="支付金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="支付金额" prop="payAmount">
              <el-input v-model="formData.payAmount" placeholder="支付金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="多付金额币种" prop="addCurcd">
              <el-input v-model="formData.addCurcd" placeholder="多付金额币种" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="多付金额" prop="addAmount">
              <el-input v-model="formData.addAmount" placeholder="多付金额" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 商业汇票业务附加域信息 -->
      <el-card
        class="form-card payAddInfo-card"
        v-if="this.formData.msgType === 'beps.121.001.01' && this.formData.bizTypeCode === 'A111'"
      >
        <div slot="header" class="label-header-msg">
          <span>商业汇票业务附加域信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="出票日期" prop="issueDate">
              <el-date-picker
                style="width: 100%"
                v-model="formData.issueDate"
                type="date"
                placeholder="选择日期"
                disabled
                value-format="yyyyMMdd"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="申请人账号" prop="applyAccount">
                <el-input v-model="formData.applyAccount" placeholder="申请人账号" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <el-form-item label="申请人名称" prop="applyName">
              <el-input v-model="formData.applyName" placeholder="申请人名称" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="出票金额" prop="draftAmount">
                <el-input v-model="formData.draftAmount" placeholder="出票金额" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="实际结算金额" prop="settlementAmount">
                <el-input v-model="formData.settlementAmount" placeholder="实际结算金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="多余金额" prop="oddAmount">
                <el-input v-model="formData.oddAmount" placeholder="多余金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <!-- 支票附加域信息 -->
      <el-card
        class="form-card payAddInfo-card"
        v-if="this.formData.msgType === 'beps.121.001.01' && this.formData.bizTypeCode === 'A201'"
      >
        <div slot="header" class="label-header-msg">
          <span>支票附加域信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="出票日期" prop="checkNotesDate">
              <el-date-picker
                style="width: 100%"
                v-model="formData.checkNotesDate"
                type="date"
                placeholder="选择日期"
                disabled
                value-format="yyyyMMdd"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="票据张数" prop="checkNotesNum">
                <el-input v-model="formData.checkNotesNum" placeholder="票据张数" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="出票人名称" prop="checkAppName">
              <el-input v-model="formData.checkAppName" placeholder="出票人名称" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="票据金额币种" prop="checkNotesCurcd">
                <el-input v-model="formData.checkNotesCurcd" placeholder="票据金额币种" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="票据金额" prop="checkNotesAmount">
                <el-input v-model="formData.checkNotesAmount" placeholder="票据金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="牌价币种" prop="checkExchageCurcd">
                <el-input v-model="formData.checkExchageCurcd" placeholder="牌价币种" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="牌价" prop="checkExchage">
                <el-input v-model="formData.checkExchage" placeholder="牌价" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <!-- 银行汇票业务附加域信息 -->
      <el-card
        class="form-card payAddInfo-card"
        v-if="this.formData.msgType === 'beps.121.001.01' && this.formData.bizTypeCode === 'A203'"
      >
        <div slot="header" class="label-header-msg">
          <span>银行汇票业务附加域信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="出票日期" prop="issueDate">
              <el-date-picker
                style="width: 100%"
                v-model="formData.issueDate"
                type="date"
                placeholder="选择日期"
                disabled
                value-format="yyyyMMdd"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="汇票种类" prop="draftType">
              <el-select v-model="formData.draftType" placeholder="汇票种类" disabled>
                <el-option
                  v-for="dict in dictMap.DFT_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="申请人账号" prop="applyAccount">
                <el-input v-model="formData.applyAccount" placeholder="申请人账号" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="申请人名称" prop="applyName">
                <el-input v-model="formData.applyName" placeholder="申请人名称" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="出票金额" prop="draftAmount">
                <el-input v-model="formData.draftAmount" placeholder="出票金额" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="实际结算金额" prop="settlementAmount">
                <el-input v-model="formData.settlementAmount" placeholder="实际结算金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="多余金额" prop="oddAmount">
                <el-input v-model="formData.oddAmount" placeholder="多余金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>

      <!--银行本票业务附加域信息-->
      <el-card
        class="form-card payAddInfo-card"
        v-if="this.formData.msgType === 'beps.121.001.01' && this.formData.bizTypeCode === 'A204'"
      >
        <div slot="header" class="label-header-msg">
          <span>银行本票业务附加域信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="出票日期" prop="issueDate">
              <el-date-picker
                style="width: 100%"
                v-model="formData.issueDate"
                type="date"
                disabled
                placeholder="选择日期"
                value-format="yyyyMMdd"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="票据种类" prop="draftType">
              <el-select v-model="formData.draftType" placeholder="票据种类" disabled>
                <el-option
                  v-for="dict in dictMap.BANK_NOTE_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="grid-payAddInfo">
              <el-form-item label="申请人账号" prop="applyAccount">
                <el-input v-model="formData.applyAccount" placeholder="申请人账号" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="12">
            <el-form-item label="申请人名称" prop="applyName">
              <el-input v-model="formData.applyName" placeholder="申请人名称" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row></el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <div class="grid-payAddInfo">
              <el-form-item label="出票金额" prop="draftAmount">
                <el-input v-model="formData.draftAmount" placeholder="出票金额" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-payAddInfo">
              <el-form-item label="实际结算金额" prop="settlementAmount">
                <el-input v-model="formData.settlementAmount" placeholder="实际结算金额" disabled />
              </el-form-item>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-payAddInfo">
              <el-form-item label="多余金额" prop="oddAmount">
                <el-input v-model="formData.oddAmount" placeholder="多余金额" disabled />
              </el-form-item>
            </div>
          </el-col>
        </el-row>
      </el-card>

      <!-- 缴费通知附加字段 -->
      <el-card
        class="form-card payerInfo-card"
        v-if="
          this.formData.msgType === 'beps.122.001.01' &&
          this.formData.bizTypeCode === 'A118' &&
          this.formData.bizCtgyCode === '06712'
        "
      >
        <div slot="header" class="label-header-msg">
          <span>缴费通知附加字段</span>
        </div>

        <el-row>
          <el-col :span="12">
            <el-form-item label="原报文标识号" prop="returnOriPkgId">
              <el-input v-model="formData.returnOriPkgId" placeholder="原报文标识号" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="原发起参与机构" prop="returnOriSender">
              <el-input v-model="formData.returnOriSender" placeholder="原发起参与机构" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="原报文类型" prop="returnOriMsgType">
              <el-input v-model="formData.returnOriMsgType" placeholder="原报文类型" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

      <!--行内资金汇划信息-->
      <el-card
        class="form-card payOtherInfo-card"
        v-if="
          this.formData.msgType === 'hvps.115.001.01' &&
          (this.formData.bizCtgyCode === '02105' ||this.formData.bizCtgyCode === '02118' ||this.formData.bizCtgyCode === '02119' ||
          this.formData.bizCtgyCode === '02119' ||this.formData.bizCtgyCode === '02121' ||this.formData.bizCtgyCode === '02126')
        "
      >
        <div slot="header" class="label-header-msg">
          <span>行内资金汇划信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="拆借期限" prop="lendDline">
              <el-input v-model="formData.lendDline" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="拆借利率(单位:万分之一)" prop="lendIntRate">
              <el-input v-model="formData.lendIntRate" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!--跨境信息-->
      <el-card
        class="form-card payOtherInfo-card"
        v-if="
          this.formData.msgType === 'hvps.115.001.01' &&
          (this.formData.bizCtgyCode !== '02105' &&this.formData.bizCtgyCode !== '02118' &&this.formData.bizCtgyCode !== '02119' &&
           this.formData.bizCtgyCode !=='02119' &&this.formData.bizCtgyCode !== '02121' &&this.formData.bizCtgyCode !== '02126')
        "
      >
        <div slot="header" class="label-header-msg">
          <span>跨境信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="关联业务委托日期" prop="cbbizAssocBizDate">
              <el-date-picker
                v-model="formData.cbbizAssocBizDate"
                type="date"
                disabled
                value-format="yyyyMMdd"
                placeholder=""
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="费用编码" prop="cbbizFeeCode">
              <el-input v-model="formData.cbbizFeeCode" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="发报行货币" prop="cbbizSndbnkCurcd">
              <el-input v-model="formData.cbbizSndbnkCurcd" placeholder="" disabled />
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="发报行的收费" prop="cbbizSndbnkFee">
              <el-input v-model="formData.cbbizSndbnkFee" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="收报行货币" prop="cbbizRcvbnkCurcd">
              <el-input v-model="formData.cbbizRcvbnkCurcd" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收报行的收费" prop="cbbizRcvbnkFee">
              <el-input v-model="formData.cbbizRcvbnkFee" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="跨境业务附言" prop="cbbizRemark">
              <el-input
                type="textarea"
                v-model="formData.cbbizRemark"
                placeholder=""
                maxlength="210"
                show-word-limit
                disabled
              />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

      <!-- 处理信息 -->
      <el-card class="form-card payerInfo-card">
        <div slot="header" class="label-header-msg">
          <span>处理信息</span>
        </div>

        <el-row>
          <el-col :span="12">
            <el-form-item label="录入操作员" prop="mdTlrno">
              <el-input v-model="formData.mdTlrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="录入时间" prop="mdTime">
              <el-date-picker
                v-model="formData.mdTime"
                type="datetime"
                value-format="yyyyMMddHHmmss"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="复核附言" prop="ckRemarks">
              <el-input type="textarea" v-model="formData.ckRemarks" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="复核操作员" prop="ckTlrno">
              <el-input v-model="formData.ckTlrno" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="复核时间" prop="ckTime">
              <el-date-picker
                v-model="formData.ckTime"
                type="datetime"
                value-format="yyyyMMddHHmmss"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="24">
            <el-form-item label="审核附言" prop="audRemarks">
              <el-input type="textarea" v-model="formData.audRemarks" placeholder="" maxlength="128" show-word-limit/>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="approveFn" :loading="isLoading">审核</el-button>
      <el-button type="danger" @click="rejectFn" :loading="isLoading">拒绝</el-button>
      <el-button @click="handleClose">关闭</el-button>
    </div>
    <!-- 明细弹出框 -->
    <details-dialog
      ref="detailsDialog"
      :dictMap="dictMap"
      :innerFormData.sync="innerFormData"
      :isA104="isA104"
    ></details-dialog>
  </el-dialog>
</template>
<script>
import { details104ApiUrlConfig, details307ApiUrlConfig, approve, reject } from "@/api/cnaps/baseBiz/send/aprove";
import DetailsDialog from "./InnerDetail";
import HtAmountInput from "@/views/components/HtAmountInput";
import HtAmountUpper from "@/views/components/HtAmountUpper";
export default {
  name: "InnerDetail",
  components: { DetailsDialog, HtAmountInput, HtAmountUpper },
  props: {
    dictMap: {
      type: Object,
      default: () => {
        return {};
      },
    },
    formData: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      isA104: "",
      innerFormData: {
        //104
        deptCode: "",
        subjectCode: "",
        curcd: "",
        amount: "",
        // 307
        debtBankType: "",
        capitalCode: "",
        capitalCurcd: "",
        capitalAmount: "",
        accrualCode: "",
        accrualCurcd: "",
        accrualAmount: "",
      },

      //table的查询接口
      reqConfig1: details104ApiUrlConfig,
      reqConfig2: details307ApiUrlConfig,
      //table的查询参数
      queryParams1: {
        id: "",
      },
      queryParams2: {
        id: "",
      },
      // 是否显示弹出层
      open: false,
      isLoading: false,
      tableBindColumns1: [
        { label: `征收机关大类代码`, prop: "deptCode", width: "250", align: "center" },
        {
          label: `预算科目代码`,
          prop: "subjectCode",
          width: "250",
          align: "center",
        },
        {
          label: `发生额`,
          prop: "amount",
          width: "250",
          align: "center",
        },
      ],
      tableBindColumns2: [
        { label: `兑付国债银行大类`, prop: "debtBankType", width: "250", align: "center" },
        {
          label: `本金代码`,
          prop: "capitalCode",
          width: "250",
          align: "center",
        },
        {
          label: `本金金额`,
          prop: "capitalAmount",
          width: "250",
          align: "center",
          type: "price",
        },
        {
          label: `利息代码`,
          prop: "accrualCode",
          width: "250",
          align: "center",
        },
        {
          label: `利息金额`,
          prop: "accrualAmount",
          width: "250",
          align: "center",
          type: "price",
        },
      ],
    };
  },
  mounted() {},
  watch: {
    formData: {
      handler(newValue, oldValue) {
        if (newValue.bizTypeCode === "A307") {
          this.$nextTick(() => {
            this.$set(this.queryParams2, "id", newValue.id);
            this.$refs.dataTable.doQuery();
          });
        } else if (newValue.bizTypeCode === "A104") {
          this.$nextTick(() => {
            this.$set(this.queryParams1, "id", newValue.id);
            this.$refs.dataTable.doQuery();
          });
        }
      },
    },
  },
  methods: {
    /** 明细按钮操作 */
    handleAction(type, row) {
      switch (type) {
        case "detials1":
          // 明细信息
          this.isA104 = true;
          this.innerFormData = _.clone(row);
          this.$refs.detailsDialog.show();
          break;
        case "detials2":
          // 明细信息
          this.isA104 = false;
          this.innerFormData = row;
          this.$refs.detailsDialog.show();
          break;
      }
    },
    getReqCode() {
      console.log(this.formData.msgType);
      let code = "";
      if (this.formData.msgType === "hvps.111.001.01") {
        code = "6301";
      } else if (this.formData.msgType === "hvps.112.001.01") {
        code = "6302";
      } else if (this.formData.msgType === "hvps.115.001.01") {
        code = "90115";
      } else if (this.formData.msgType === "hvps.116.001.01") {
        code = "90116";
      } else if (this.formData.msgType === "hvps.118.001.01") {
        code = "90118";
      } else if (this.formData.msgType === "beps.121.001.01") {
        code = "6306";
      } else if (this.formData.msgType === "beps.122.001.01") {
        code = "6307";
      } else if (this.formData.msgType === "beps.125.001.01") {
        code = "6308";
      }
      return code;
    },
    /** TODO提交按钮 */
    approveFn() {
      //如果有ID 则是修改
      this.isLoading = true;
      approve(this.formData, this.getReqCode())
        .then((res) => {
          this.msgSuccess("审核成功");
          this.$emit("editComplete", true);
          this.open = false;
          this.closeFn();
          this.isLoading = false;
        })
        .catch((err) => {
          this.isLoading = false;
        });
    },
    rejectFn() {
      this.isLoading = true;
      reject(this.formData, this.getReqCode()).then((res) => {
        this.msgSuccess("拒绝成功");
        this.$emit("editComplete", true);
        this.open = false;
        this.closeFn();
        this.isLoading = false;
      }).catch(error => {
        this.isLoading = false;
      })
    },
    handleClose() {
      this.open = false;
    },
    // 表单重置
    reset() {
      this.resetForm("detailsForm");
    },
    closeFn() {
      this.open = false;
      this.reset();
    },
    show() {
      this.open = true;
    },
  },
};
</script>
<style>
.label-header-msg {
  font-weight: bold;
}

.form-card {
  margin-bottom: 10px;
}
</style>
